<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>By 裴鸿宇</title>
<style type="text/css" media="screen">
body {
    margin:0px;
}
UL{
	list-style-type:none;
	margin:0px;
}
.top-area{
	margin-top:10px;
	width:990px;
	height:40px;
	border:1px solid #D3D3D3;
	background-color:#00FFFF;
}

a{
text-decoration: none;
}
a:hover{
text-decoration:none;
}

/*--------*/
.main-area{
	margin-top:10px;
	width:990px;
	height:700px;
	border:1px solid #D3D3D3;
}

/*--------*/
.side1-area{
	 float:left;
	 width:145px;
	 height:700px;
	 border:1px solid #000000;
	 border-width:0px 1px 0px 0px;
}
.side1-1-area{
	margin-top:10px;
	width:100px;
	height:100px;
	border:1px solid #99CCCC;
}
.upload_face{
	border:1px dashed #20B2AA;
	font-size:18px;
	background-color:#FFFFFF;
	color:#9370DB;
	font-weight:bold;
	cursor:pointer;
}

.personal_information{
	border:1px dashed #FFFFFF;
	font-size:16px;
	background-color:#FFFFFF;
	color:#9370DB;
	font-weight:bold;
	cursor:pointer;
}

.side1-2-area{
	margin-top:5px;
	width:70%;
	height:20px;
	color:#778899;
	text-align:left;
	font-size:18px;
}
.side1-3-area{
	float:left;
	width:43%;
	height:20px;
	line-height:20px;
	margin-top:40px;
	margin-left:20px;
	text-align:left;
}
.side1-4-area{
	float:left;
	width:43%;
	height:20px;
	line-height:20px;
	margin-top:35px;
	margin-left:20px;
	text-align:left;
}

/*--------*/
.label{
	float:left;
	font-size:15px;
	margin-top:2px;
}
.baseMessage_content{
	border-width:0px;
	font-size:15px;
	margin-top:2px;
	padding-left:5px;
	color:#00CED1;
}
.baseMessage_color{
	color:#00CED1;
}
.touch_content{
	border-width:0px;
	font-size:22px;
	padding-left:5px;
	color:#00CED1;
}
.eductionMessage_content{
	border-width:0px;
	font-size:15px;
	margin-top:1px;
	padding-left:5px;
	color:#00CED1;
}
.select{
	opacity:0.8;
}
.side2-area{
	float:left;
	width:590px;
	height:700px;
	border:1px solid #000000;
	border-width:0px 1px 0px 0px;
}

.side2-1-area{
	width:560px;
	height:20px;
	text-align:left;
	margin-top:30px;
}


.tb_{
	margin-top:40px;
	background-repeat: repeat-x;
}
.tb_ ul{
	height:30px;
}
.tb_ li{
	float:left;
	height:30px;
	line-height:30px;
	width:94px;
	cursor:pointer;
}
.normaltab{ 
	background-image:url('../<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/li_img/img_c3.png');
	background-repeat:no-repeat;
	font-size:15px;
}
.hovertab{
	background-image:url('../<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/li_img/img_base.png');
	background-repeat: no-repeat;
	font-size:15px;
	color:#7FFF00; 
	font-weight:bold;
}
.ctt{
	height:auto;
	padding:6px;
	clear:both;
	width:520px;
	height:560px;
	text-align:left;
}
.dis{
	display:block;
}
.undis{
	display:none;
}

/*--------*/
.side3-area{
	float:left;
	width:251px;
	height:700px;
	border-width:0px;
}

/*--------*/

.keep-left{
	float:left;
}

.hobbies{
	color:#FF8C00;
	text-align:left;
	font-size:15px;
	width:520px;
	height:30px;
}
.hobbiesF{ 
	float:left;
	margin-top:30px;
	margin-left:30px;
	width:80px;
	height:100px;
	text-align:left;
}
.hobbiesN{
	float:left;
	margin-top:30px;
	margin-left:120px;
	width:80px;
	height:100px;
	text-align:left;
}
.img_label{
	margin-top:4px;
	font-size:14px;
	font-weight:bold;
	color:#00CED1;
}
.picture{
	margin-left:5px;
	width:45px;
	height:50px;
}

.baseMessage{
	margin-top:10px;
	text-align:left;
	width:450px;
	height:30px;
}
.touchMessage{
	text-align:left;
	float:left;
	width:400px;
	height:50px;
	line-height:40px;
	margin-top:10px;
}
.touchMessagePower{
	width:450px;
	height:40px;
	margin-top:50px;
	line-height:30px;
	text-align:right;
}

.eductionMain{
	text-align:left;
	width:500px;
	height:30px;
}

.eductionF{
	color:#EE82EE;
	text-align:left;
	font-size:15px;
	width:550px;
	height:30px;
}
.eduction{
	width:400px;
	height:30px;
}

.button{
	cursor:pointer;
	width:70px;
	height:25px;
	line-height:25px;
	background-color:#3CB371;
	border:0px;
	font-size:17px;
	font-weight:bold;
	color:#F5FFFA;
}

.clear_{
	clear:both;
}

.root{
	width:110px;
	height:22px;
}
.InterestPerson{
	width:200px;
	height:580px;
	margin-top:50px;
	border:1px solid #D3D3D3;
}
.InterestPerson_Label{
	margin-top:10px;
	float:left;
	margin-left:10px;
	font-size:14px;
	color:#008000;
}
.InterestPerson_div{
	width:200px;
	height:70px;
	margin-top:15px;
}
.InterestPerson_face{
	float:left;
	margin-left:15px;
	margin-top:10px;
	text-align:left;
}
.InterestPerson_information{
	float:left;
	margin-left:12px;
	width:116px;
	height:70px;
}
.shuoshuo{
	overflow:hidden;
	float:left;
	width:116px;
	height:13px;
	font-size:12px;
	text-align:left;
	margin-top:10px;
}
.InterestPerson_more{
	width:170px;
	height:20px;
	text-align:right;
	font-size:14px;
	margin-top:15px;
}
.last-area{
	width:620px;
	height:90px;
	margin-top:20px;
	border:1px solid #D3D3D3;
}
</style>
</head>
<body>
	<center>
		<div class="top-area"></div>
		
		<div class="main-area">
			<div class="side1-area">
				<div class="side1-1-area"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face.jpg" width="100px" height="100px"></div>
				<div class="side1-2-area">账号管理</div>
				<div class="side1-3-area"><input id="upload_face_id" class="upload_face" type="button" value="头像上传" onclick="upload_face();" onMouseOver="this.style.color='#00FF7F'" onMouseOut="this.style.color='#9370DB'"></div>
				<div class="clear_"></div>
				<div class="side1-4-area"><input id="personal_information_id" class="personal_information" type="button" value="个人资料"  onclick="personal_information();" onMouseOver="this.style.color='#00FF7F'" onMouseOut="this.style.color='#9370DB'"></div>
			</div>
			
			<div class="side2-area" id="upload_face"  style="display:none;">
				<embed src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face.swf" quality="high" wmode="opaque" type="application/x-shockwave-flash" width="530px" height="480px"></embed>
			</div>
			<div class="side2-area" id="personal_information" style="display:block;">
				<div class="side2-1-area">
					<label style="font-size:20px;">资料完整度：</label>
				</div>
				
				<div class="tb_">
					<ul>
						<li id="tb_1" class="hovertab" onmouseover="HoverLi(1);">基本信息</li>
						<li id="tb_2" class="normaltab" onmouseover="HoverLi(2);">兴趣爱好</li>
						<li id="tb_3" class="normaltab" onmouseover="HoverLi(3);">联系信息</li>
						<li id="tb_4" class="normaltab" onmouseover="HoverLi(4);">教育信息</li>
					</ul>
				</div>
				
				<div class="ctt">
						<form action="" method="post"> 
						<div id="tbc_01" class="dis">
							<div class="baseMessage" style="margin-top:20px;">
								<div class="keep-left">	
									<div class="label">*昵称:&nbsp;&nbsp;&nbsp;&nbsp;</div>
									<input type="text" size="15px" value="专业户" class="baseMessage_content">
								</div>
							</div>
							<div class="baseMessage">
								<div class="keep-left">
									<div class="label">*个人技能:</div>
									<input type="text" size="15px" value="编程" class="baseMessage_content">
								</div>
							</div>
							<div class="baseMessage">
								<div class="keep-left">	
									<div class="label">&nbsp;真实姓名:</div>
									<input type="text" size="15px" value="张三" class="baseMessage_content">
								</div>
							</div>
							<div class="baseMessage">
								<div class="keep-left">
									<div class="label">*性别:&nbsp;&nbsp;&nbsp;&nbsp;</div>
									<input type="radio"  value=""><font class="baseMessage_color">男</font>
									<input type="radio"  value=""><font class="baseMessage_color">女</font>
								</div>
							</div>
							<div class="baseMessage">
								<div class="keep-left">	
									<div class="label">*生日:&nbsp;&nbsp;&nbsp;&nbsp;</div>
									<select class="select">
										<option>选择</option>
										<option>1970</option>
										<option>1971</option>
										<option>1972</option>
										<option>1973</option>
										<option>1974</option>
										<option>1975</option>
										<option>1976</option>
										<option>1977</option>
										<option>1978</option>
										<option>1979</option>
										<option>1980</option>
										<option>1981</option>
										<option>1982</option>
										<option>1983</option>
										<option>1984</option>
										<option>1985</option>
										<option>1986</option>
										<option>1987</option>
										<option>1988</option>
										<option>1989</option>
										<option>1990</option>
										<option>1991</option>
										<option>1992</option>
										<option>1993</option>
										<option>1994</option>
										<option>1995</option>
										<option>1996</option>
										<option>1997</option>
										<option>1998</option>
										<option>1999</option>
										<option>2000</option>
										<option>2001</option>
										<option>2002</option>
										<option>2003</option>
										<option>2004</option>
										<option>2005</option>
										<option>2006</option>
										<option>2007</option>
										<option>2008</option>
										<option>2009</option>
										<option>2010</option>
										<option>2011</option>
										<option>2012</option>
										<option>2013</option>
										<option>2014</option>
										<option>2015</option>
										<option>2016</option>
										<option>2017</option>
										<option>2018</option>
										<option>2019</option>
										<option>2020</option>
									</select><font class="baseMessage_color">年</font>
									<select class="select">
										<option>选择</option>
										<option>01</option>
										<option>02</option>
										<option>03</option>
										<option>04</option>
										<option>05</option>
										<option>06</option>
										<option>07</option>
										<option>08</option>
										<option>09</option>
										<option>10</option>
										<option>11</option>
										<option>12</option>
									</select><font class="baseMessage_color">月</font>
									<select class="select">
										<option>选择</option>
										<option>01</option>
										<option>02</option>
										<option>03</option>
										<option>04</option>
										<option>05</option>
										<option>06</option>
										<option>07</option>
										<option>08</option>
										<option>09</option>
										<option>10</option>
										<option>11</option>
										<option>12</option>
										<option>13</option>
										<option>14</option>
										<option>15</option>
										<option>16</option>
										<option>17</option>
										<option>18</option>
										<option>19</option>
										<option>20</option>
										<option>21</option>
										<option>22</option>
										<option>23</option>
										<option>24</option>
										<option>25</option>
										<option>26</option>
										<option>27</option>
										<option>28</option>
										<option>29</option>
										<option>30</option>
										<option>31</option>
									</select><font class="baseMessage_color">日</font>
								</div>
							</div>
							<div class="baseMessage">
								<div class="keep-left">	
									<div class="label">&nbsp;血型:&nbsp;&nbsp;&nbsp;&nbsp;</div>
									<select class="select">
										<option>选择</option>
										<option>A</option>
										<option>B</option>
										<option>AB</option>
										<option>O</option>
									</select>&nbsp;<font class="baseMessage_color">型</font>
								</div>	
							</div>
							<div class="baseMessage">
								<div class="keep-left">
									<div class="label">&nbsp;星座:&nbsp;&nbsp;&nbsp;&nbsp;</div>
									<select class="select">
										<option>选择</option>
										<option>魔羯</option>
										<option>水瓶</option>
										<option>双鱼</option>
										<option>白羊</option>
										<option>金牛</option>
										<option>双子</option>
										<option>巨蟹</option>
										<option>狮子</option>
										<option>处女</option>
										<option>天秤</option>
										<option>天蝎</option>
										<option>射手</option>
									</select>&nbsp;<font class="baseMessage_color">座</font>
								</div>
							</div>
							<div class="baseMessage">
								<div class="keep-left">
									<div class="label">&nbsp;所在地:&nbsp;&nbsp;</div>
									<select class="select">
										<option>选择</option>
										<option></option>
										<option></option>
										<option></option>
									</select><font class="baseMessage_color">省</font>
									<select class="select">
										<option>选择</option>
										<option></option>
										<option></option>
										<option></option>
									</select><font class="baseMessage_color">市</font>
								</div>
							</div>
							<div class="baseMessage">
								<div class="keep-left">
									<div class="label">&nbsp;故乡:&nbsp;&nbsp;&nbsp;&nbsp;</div>
									<select class="select">
										<option>选择</option>
										<option></option>
										<option></option>
										<option></option>
									</select><font class="baseMessage_color">省</font>
									<select class="select">
										<option>选择</option>
										<option></option>
										<option></option>
										<option></option>
									</select><font class="baseMessage_color">市</font>
								</div>
							</div>
							<div class="baseMessage">
								<div class="keep-left label">&nbsp;简介:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</div>
								<div class="keep-left"><textarea rows="5" cols="30" class="baseMessage_content">心情</textarea></div>
								<div class="clear_"></div>
							</div>	
							<div style="float:right;margin-top:80px;margin-right:30px;"><input type="button" value="保&nbsp;&nbsp;存" id="button_baseMessage" class="button" onMouseOver="this.style.backgroundColor='#00FA9A'" onMouseOut="this.style.backgroundColor='#3CB371'" onclick="reSet();"></div>
						</div>
						</form>
						
						<div id="tbc_02" class="undis">
							<div class="hobbies">选择兴趣爱好，找到共同兴趣的好友</div>
							<div class="hobbiesF">
								<div><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/interest/vedio.jpg" class="picture"></div>
								<div class="img_label"><input type="checkbox">影视</div>
							</div>
							<div class="hobbiesN">
								<div><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/interest/game.jpg" class="picture"></div>
								<div class="img_label"><input type="checkbox">游戏</div>
							</div>
							<div class="hobbiesN">
								<div><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/interest/tour.jpg" class="picture"></div>
								<div class="img_label"><input type="checkbox">旅游</div>
							</div>
							
							<div class="hobbiesF">
								<div><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/interest/food.jpg" class="picture"></div>
								<div class="img_label"><input type="checkbox">美食</div>
							</div>
							<div class="hobbiesN">
								<div><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/interest/sport.jpg" class="picture"></div>
								<div class="img_label"><input type="checkbox">运动</div>
							</div>
							<div class="hobbiesN">
								<div><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/interest/music.jpg" class="picture"></div>
								<div class="img_label"><input type="checkbox">音乐</div>
							</div>
							
							<div class="hobbiesF">
								<div><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/interest/book.jpg" class="picture"></div>
								<div class="img_label"><input type="checkbox">书籍</div>
							</div>
							<div class="hobbiesN">
								<div><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/interest/car.jpg" class="picture"></div>
								<div class="img_label"><input type="checkbox">汽车</div>
							</div>
							<div class="hobbiesN">
								<div><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/interest/IT.jpg" class="picture"></div>
								<div class="img_label"><input type="checkbox">IT</div>
							</div>
							
							<div class="hobbiesF">
								<div><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/interest/shop.jpg" class="picture"></div>
								<div class="img_label"><input type="checkbox">购物</div>
							</div>
						
							<div style="float:right;margin-top:80px;margin-right:45px;"><input type="submit" value="保&nbsp;&nbsp;存" class="button" onMouseOver="this.style.backgroundColor='#00FA9A'" onMouseOut="this.style.backgroundColor='#3CB371'"></div>
						</div>
						
						<div id="tbc_03" class="undis">
							<div class="touchMessagePower">
								<select class="root">
									<option>全部好友可见</option>
									<option>仅自己可见</option>
									<option></option>
									<option></option>
								</select>
							</div>
							
							<div class="touchMessage" style="margin-top:30px;">
								<div class="keep-left" style="margin-top:12px;margin-left:30px;"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/touch/QQ.jpg" width="25px" height="30px">&nbsp;</div>
								<div class="keep-left" style="margin-top:3px;font-size:30px;">QQ:&nbsp;&nbsp;</div>
								<div class="keep-left" style="margin-top:12px;"><input type="text" size="20px" value="419770568" class="touch_content"></div>
							</div>
							<div class="touchMessage">
								<div class="keep-left" style="margin-top:12px;margin-left:28px;"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/touch/E-mail.jpg" width="25px" height="30px">&nbsp;</div>
								<div class="keep-left" style="margin-top:6px;font-size:25px;">邮箱:&nbsp;</div>
								<div class="keep-left" style="margin-top:12px;margin-left:2px;"><input type="text" size="20px" value="419770568@qq.com" class="touch_content"></div>
							</div>
							<div class="touchMessage">
								<div class="keep-left" style="margin-top:12px;margin-left:31px;"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/touch/cell-phone.jpg" width="25px" height="30px">&nbsp;</div>
								<div class="keep-left" style="margin-top:6px;font-size:25px;">手机:&nbsp;</div>
								<div class="keep-left" style="margin-top:12px;"><input type="text" size="20px" value="18200380000" class="touch_content"></div>
							</div>
							<div class="clear_"></div>
							<div class="touchMessage" style="margin-top:100px;">
								<div style="float:right;"><input type="submit" value="保&nbsp;&nbsp;存" class="button" onMouseOver="this.style.backgroundColor='#00FA9A'" onMouseOut="this.style.backgroundColor='#3CB371'"></div>
							</div>
						</div>
						
						<div id="tbc_04" class="undis">
							<div class="eductionF">寻找同窗好友</div>
							<div class="eductionMain"><h4>大学经历：</h4></div>
							<div class="eduction">
								<div class="keep-left">学校名称：</div>
								<div class="keep-left"><input type="text" size="25px" class="eductionMessage_content" value="成都信息工程学院"></div>
							</div>
							<div class="eduction">
								<div class="keep-left">入学年份：</div>
								<div class="keep-left"><input type="text" size="25px" class="eductionMessage_content" value="2010年"></div>
							</div>	
							<div class="eduction">
								<div class="keep-left">院系：&nbsp;&nbsp;&nbsp;&nbsp;</div>
								<div class="keep-left"><input type="text" size="25px" class="eductionMessage_content" value="信息与计算科学"></div>
							</div>		
							
							<div class="eductionMain"><h4>高中经历：</h4></div>
							<div class="eduction">
								<div class="keep-left">学校名称：</div>
								<div class="keep-left"><input type="text" size="25px" class="eductionMessage_content" value="内江二中"></div>
							</div>
							<div class="eduction">
								<div class="keep-left">入学年份：</div>
								<div class="keep-left"><input type="text" size="25px" class="eductionMessage_content" value="2008年"></div>
							</div>	
							<div class="eduction">
								<div class="keep-left">班级：&nbsp;&nbsp;&nbsp;&nbsp;</div>
								<div class="keep-left"><input type="text" size="25px" class="eductionMessage_content" value="10级1班"></div>
							</div>		
							
							<div class="eductionMain"><h4>初中经历：</h4></div>
							<div class="eduction">
								<div class="keep-left">学校名称：</div>
								<div class="keep-left"><input type="text" size="25px" class="eductionMessage_content" value="内江六中"></div>
							</div>
							<div class="eduction">
								<div class="keep-left">入学年份：</div>
								<div class="keep-left"><input type="text" size="25px" class="eductionMessage_content" value="2006年"></div>
							</div>	
							<div class="eduction">
								<div class="keep-left">班级：&nbsp;&nbsp;&nbsp;&nbsp;</div>
								<div class="keep-left"><input type="text" size="25px" class="eductionMessage_content" value="08级1班"></div>
							</div>	
							
							<div class="eduction" style="margin-top:40px;">
								<div style="float:right;"><input type="submit" value="保&nbsp;&nbsp;存" class="button" onMouseOver="this.style.backgroundColor='#00FA9A'" onMouseOut="this.style.backgroundColor='#3CB371'"></div>	
							</div>
						</div>
					</div>
			</div>
			
			<div class="side3-area">
				<div class="InterestPerson">
					<div class="InterestPerson_Label">你可能感兴趣的人：</div><div class="clear_"></div>
					
					<div class="InterestPerson_div">
						<div class="InterestPerson_face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face1.jpg" width="50px" height="50px"></div>
						<div class="InterestPerson_information">
							<div class="shuoshuo">个性签名：</div>
							<br/>
							<br/>
							<div class="shuoshuo">最新说说：</div>
						</div>
					</div>
						<div class="InterestPerson_div">
						<div class="InterestPerson_face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face2.jpg" width="50px" height="50px"></div>
						<div class="InterestPerson_information">
							<div class="shuoshuo">个性签名：</div>
							<br/>
							<br/>
							<div class="shuoshuo">最新说说：</div>
						</div>
					</div>
						<div class="InterestPerson_div">
						<div class="InterestPerson_face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face3.jpg" width="50px" height="50px"></div>
						<div class="InterestPerson_information">
							<div class="shuoshuo">个性签名：</div>
							<br/>
							<br/>
							<div class="shuoshuo">最新说说：</div>
						</div>
					</div>
						<div class="InterestPerson_div">
						<div class="InterestPerson_face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face4.jpg" width="50px" height="50px"></div>
						<div class="InterestPerson_information">
							<div class="shuoshuo">个性签名：</div>
							<br/>
							<br/>
							<div class="shuoshuo">最新说说：</div>
						</div>
					</div>
						<div class="InterestPerson_div">
						<div class="InterestPerson_face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face5.jpg" width="50px" height="50px"></div>
						<div class="InterestPerson_information">
							<div class="shuoshuo">个性签名：</div>
							<br/>
							<br/>
							<div class="shuoshuo">最新说说：</div>
						</div>
					</div>
						<div class="InterestPerson_div">
						<div class="InterestPerson_face"><img src="<%=request.getContextPath()%>/fileRedirect.action?toPage=stu/img/face/face6.jpg" width="50px" height="50px"></div>
						<div class="InterestPerson_information">
							<div class="shuoshuo">个性签名：</div>
							<br/>
							<br/>
							<div class="shuoshuo">最新说说：</div>
						</div>
					</div>
				
					<div class="InterestPerson_more"><a href="#">更多&nbsp;>></a></div>
				</div>
			</div>
		
			<div class="clear_"></div>
			
			<div class="last-area"></div>
		</div>
	</center>
</body>
</html>
<script type="text/javascript">
function g(o){
	return document.getElementById(o);
}

function HoverLi(n){
	for(var i=1;i<=4;i++){
		g('tb_'+i).className='normaltab';
		g('tbc_0'+i).className='undis';
	}
	g('tbc_0'+n).className='dis';
	g('tb_'+n).className='hovertab';
}


function upload_face(){
	document.getElementById("upload_face_id").style.fontSize="16px";
	document.getElementById("personal_information_id").style.fontSize="18px";
	
	document.getElementById("upload_face_id").style.borderColor="#FFFFFF";
	document.getElementById("personal_information_id").style.borderColor="#20B2AA";
	
	document.getElementById("personal_information").style.display="none";
	document.getElementById("upload_face").style.display="block";
}
 function personal_information(){
	document.getElementById("upload_face_id").style.fontSize="18px";
	document.getElementById("personal_information_id").style.fontSize="16px";
	 
	document.getElementById("upload_face_id").style.borderColor="#20B2AA";
	document.getElementById("personal_information_id").style.borderColor="#FFFFFF";
	
	document.getElementById("upload_face").style.display="none";
	document.getElementById("personal_information").style.display="block";	
}
</script>